<div class="modal-header">
    <button type="button" data-dismiss="modal" aria-label="Close" class="close" (click)="bsModalRef.hide()"><span aria-hidden="true">X</span>
    </button>
    <h4 class="modal-title text-center" id="exampleModalLabel">{{title}}</h4>
</div>
<div class="modal-body">
 <!--  <div *ngFor="let item of conditionDetailList">
    <div class="text-center" style="color: #8b0000;">
      {{item}}
    </div>
  </div> -->
  <div *ngFor="let condition of expressionValues" class="text-center">
  	<span>condition: {{condition.title}}</span><br/>
  	<span *ngIf="condition.component !== null">component: {{condition.component}}</span><br/>
  	<span>
  		<strong>{{condition.shortcut}}</strong> 
  		<strong>{{condition.operator}}</strong>
  		<strong *ngIf="condition.value !== false">{{condition.value}}</strong>
  	</span>
  </div>
</div>
<div class="modal-footer">
  <button type="button" data-dismiss="modal" class="btn btn-danger" (click)="bsModalRef.hide()">Close</button>
</div>
